/********* Including styles *******/

@import"../css/skeleton.css";
@import"../css/menu-style.css";
@import"../css/slider.css";
@import"../css/touchTouch.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/********************************* Global properties *************************************/
html {width:100%;}

body { 	 
    background:url(../images/bg.gif) repeat center top;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height:24px;
    color:#777;
    min-width:310px;
}

.main {
    position:relative;
    margin: 0 auto;
    padding: 0 0 0px;
    width: 1080px;
    z-index:9;
}

.headerInfo {
    border-top: 1px solid #DFDFDF;
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 1080px;
}
/**************** Links styles ***************/
a {
    display:inline-block;
    color:#282828;
    outline:none;
    text-decoration:none;
    padding:0 5px;

    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
a:hover, .sort li a.selected {
    text-decoration:none;
    background-color:#28c0ff;
    color:#fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/****************** Containers for floating elements ***********/

.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.m05 {margin-bottom:5px;}
.m1 {margin-bottom:10px;}
.m15 {margin-bottom:15px;}
.m2 {margin-bottom:20px;}
.m25 {margin-bottom:25px;}
.m3 {margin-bottom:30px;}
.m4 {margin-bottom:40px;}
.m45 {margin-bottom:45px;}
.m5 {margin-bottom:50px;}
.m55 {margin-bottom:55px;}
.m7 {margin-bottom:70px;}
.m8 {margin-bottom:80px;}

/************ Blocks positions *************/

.fleft {float:left;}
.fright {float:right;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.bl {display:block;}

/************* Fonts Styles ************/
.it {font-style:italic;}
.bo {font-weight:bold;}


/************** Image postions and image decorations ***********/
.img-pos img,
.img-pos a {max-width:100%; height:auto;padding:0;}
.img-pos a:hover {background-color:transparent;}
.img-style {float:left;margin: 0 23px 0 0;}
.img-style2 {float:right;margin: 5px 4px 0 0;}
.img-style3 {float:left; border:1px solid #8f8f8f; margin: 0 10px 0 0;}
.img-style4 {float:left; margin: 0 20px 0 0;}
.img-style5 {float:left; margin: 0 20px 0 0;}
.img-border {
    border:1px solid #dfdfdf;
    background:url(../images/bg.gif) 0 0 repeat;
    padding:5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.img-border .img-link {
    position:relative;
    overflow:hidden;
}

/*********** Indents ********************/
.m-top1 {margin-top:-5px;}
.t-pad {padding-top:10px;}
.t-pad2 {padding-top:5px;}
.l-pad {padding-left: 8px;}

.color-1 {color:#28c0ff;}
.color-2 {color:#8f8f8f;}
.color-3 {color:#fcfcfc;}
.color-4 {color:#fff;}

.width-1 {width:92%;}
.width-2 {width:250px;}
/********************************* Header Styles *************************************/
header {
    position:relative;
    padding: 0;
    width:100%;
    z-index:99;
}
#page1 header {padding-bottom:50px;}

.header-content {
    background:#fcfcfc;
    border-left:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    position:relative;
    padding: 4px 1px 0;
    z-index:1;
}
#page12 .header-content {border-bottom:1px solid #dfdfdf;}

.header-border {
    border-left:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    border-top:1px solid #dfdfdf;
    padding: 27px 0 50px;
}

/****************** Titles *****************/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Exo', sans-serif;
    color:#414141;
    font-weight:normal;
}
h1 {font-size:36px;line-height:44px;}
h2 {font-size:32px;line-height:39px;}
h3 {font-size:28px;line-height:34px;}
h4 {font-size:24px;line-height:29px;}
h5 {font-size:20px;line-height:24px;}
h6 {font-size:18px;line-height:22px;}

/**************** Logo Styles *****************/
h1.logo {
    padding:0px 0 0 0; 
    position:absolute;
    top: 0;
    left:363px;
    z-index:99;
}
h1.logo a {
    display:block;
    padding:0;
    width:235px; 
    height:67px; 
    text-indent:-5000px; 
    background:url(../images/logo.png) 0 0 no-repeat;
}
h1.logo a:hover {background-color:transparent;}

/********************************* Content *************************************/

#content {
    background:#fcfcfc;
    border:1px solid #dfdfdf;
    border-bottom:none;
    position:relative;
    padding: 0px 1px;
    z-index:1;
}

.border-content {
    border-left:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    padding: 42px 0 72px;
}

/******************************* Buttons, borders, separators ***********************/

#page1 .border-content {padding-top:30px;}
#page6 .border-content,
#page7 .border-content,
#page8 .border-content,
#page9 .border-content,
#page10 .border-content,
#page11 .border-content {padding-top:52px;}

.separator {
    background:url(../images/separator.gif) 0 0 repeat;
    height:5px;
}

.button {
    display:inline-block;
    background:#414141;
    font-family: 'Exo', sans-serif;
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    padding:10px 26px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.button:hover {
    background:#28c0ff;
    text-decoration:none;
}

.button.st1 {padding:10px 12px;}

.button.st2 {
    padding:15px 37px;
    border-bottom: 2px solid #0f8bbf;
}

.button-more {
    display:block;
    background:url(../images/button-more.png) 0 0 no-repeat;
    font-family: 'Exo', sans-serif;
    font-size:28px;
    line-height:34px;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    text-decoration:none !important;
    letter-spacing:-1px;
    overflow:hidden;
    padding: 45px 0 0;
    height:80px;
    width:125px;
}
.button-more:hover {
    background-position: 0 -148px;
    background-color:transparent;
}

.content-bottom {
    background:#414141;
    border-bottom:1px solid #1d1d1d;
    color:#fcfcfc;
    padding: 43px 0 26px;
}

.content-bottom h2 {color:#fff;}

.link-1 {color:#fcfcfc;}
.link-2:hover {color:#28c0ff; border-bottom-color:#28c0ff;}
.link-2 {
    display:inline-block;
    border-bottom: 3px solid #e0e0e0;
    font-family: 'Exo', sans-serif;
    font-size:16px;
    line-height:24px;
    text-transform:uppercase;
    text-decoration:none !important;
    font-weight:700;
}
.content-bottom time { display:block; color:#8f8f8f;}

.list-1 {}
.list-1 li {padding-bottom:8px;}
.list-2 {}
.list-2 li {
    background:url(../images/marker-3.png) 0 9px no-repeat;
    padding-left:9px;
    margin-bottom:8px;
}
.list-2 li:hover {background-position:0 -23px;}
.list-2 li a {color:#414141;}
.list-2 li a:hover {color:#fff;}
.list-2 li a span {color:#777;}
.list-2 li a:hover span {color:#fff;}



/***************** Home page 2 carousel Styles ******************/
.es-carousel-wrapper{
    padding:0 30px;
    overflow:hidden;
}
.es-carousel{
    overflow:hidden;
    position: relative;
}
.es-carousel ul{
    display:none;
}
.es-carousel ul li{
    float:left;
    margin-left:24px;
}
.mycarousel li{
    width:400px;
    margin:0 10px;
}
.es-carousel ul li a {
    padding:0;
    display: table-cell;
}
.es-carousel .img_wrapper{
    max-width: 100% !important;
}
.es-carousel ul li a:hover{
    background:transparent;
}

.es-carousel ul li a img {
    display:block;
    border:none;
    max-height:100%;
    max-width:100%;
}

.es-nav span.es-nav-prev,
.es-nav span.es-nav-next {
    background:url(../images/prev-next2.png) 0 0 no-repeat;
    cursor: pointer;
    height: 26px;
    text-indent:-5000px;
    left: 0;
    position: absolute;
    top: 37px;
    width: 15px;
}

.es-nav span.es-nav-prev {}
.es-nav span.es-nav-next {
    background-position:-27px 0;
    right:0;
    left:auto;
}
/************Breadcrumbs styles ********/
.breadcrumbs {
    background:#28c0ff;
    color:#fff;
    padding: 30px 0;
}
.breadcrumbs h2 {color:#fff;}

.breadcrumbs h2 span {
    display:inline-block;
    font-size:18px;
    line-height:22px;
    font-style:italic;
    margin-top:13px;
}
/*************** Post meta styles ********************/
.alert {
    background:#28c0ff;
    color:#fff;
    padding: 28px 0 68px;
}
.alert-title {
    font-family: 'Exo', sans-serif;
    font-size:200px;
    line-height:240px;
    font-weight:900;
}

.alert-title2 {
    font-family: 'Exo', sans-serif;
    font-size:53px;
    line-height:64px;
    font-weight:300;
    margin-top:-48px;
    margin-bottom:35px;
}
.alert ul {padding-left:20px;}
.alert ul li {
    background:url(../images/marker-4.png) 0 7px no-repeat;
    padding-left:20px;
}


.first-let:first-letter {
    display: block;
    float: left;
    font-size: 56px;
    line-height: 68px;
}

.first-let.st1:first-letter {
    color: #414141;
    padding: 4px 8px 0 0;
}

.first-let.st2:first-letter {
    color: #28c0ff;
    padding: 4px 8px 0 0;
}

.first-let.st3:first-letter {
    background-color:#28c0ff;
    color: #fff;
    padding: 12px 18px 13px;
    margin:5px 7px 0 0;
    border-radius: 33px;
    -moz-border-radius: 33px;
    -webkit-border-radius: 33px;
}

.first-let.st4:first-letter {
    background-color:#28c0ff;
    color: #fff;
    padding: 12px 18px 13px;
    margin:5px 7px 0 0;
}

.hover-links {
    display:block;
    position:relative;
    overflow:hidden;
}

.hover-links .hidden-links {
    display:block;
    position:absolute;
    left:0;
    top:-50px;
}

.hover-links .hidden-links .look,
.hover-links .hidden-links .share {
    background-color:#414141;
    background-position:center center;
    background-repeat:no-repeat;
    height:50px;
    width:50px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.hover-links .hidden-links .look {background-image:url(../images/ico-look.png);}
.hover-links .hidden-links .share {background-image:url(../images/ico-share.png);}

.hover-links .hidden-links .look:hover,
.hover-links .hidden-links .share:hover {background-color:#28c0ff;}

.post {margin-bottom: 50px;}

.posted {
    display:inline-block;
    font-size:14px;
    line-height:17px;
    margin-bottom:20px;
}

.posted strong {color:#414141;}

.post .button {
    position:relative;
    z-index:2;
}

.post .comments-count {
    margin-left:-3px;
    position:relative;
    z-index:1;
}


/**************** Styles for Pages Pagination ******************/
.pager {
    float:left;
    position:relative;
    overflow:hidden;
}

.pager li {
    float:left;
    margin-left:5px;
}
.pager li:first-child {margin-left:0;}

.pager li a {
    float:left;
    display:block;
    background:#777;
    font-family: 'Exo', sans-serif;
    font-size:18px;
    line-height:24px;
    color:#fff;
    font-weight:700;
    text-decoration:none !important;
    text-align:center;
    overflow:hidden;
    padding: 10px 0 0 0;
    width:44px;
    height:34px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.pager li a.active,
.pager li a:hover {background-color:#28c0ff;}

.page-count {
    float:right;
    font-family: 'Exo', sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:10px;
}
/*************** Comment list styles **************/
.comments-count {
    float:left;
    display:block;
    background:#777;
    font-family: 'Exo', sans-serif;
    font-size:18px;
    line-height:24px;
    color:#fff;
    font-weight:700;
    font-style:italic;
    text-decoration:none !important;
    text-align:center;
    overflow:hidden;
    padding:10px 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.comments {
    display:inline-block;
    background:url(../images/comments-bg.png) 5px 0 no-repeat;
    font-size:14px;
    line-height:24px;
    padding-left:40px;
}

.author-block {
    position:relative;
    overflow:hidden;
}
.comments-count:hover { background-position: 0 -44px; }
.comments-block {}
.comments-block .comment {
    border-bottom:1px dotted #dfdfdf;
    position:relative;
    overflow:hidden;
    padding-bottom:22px;
    margin-bottom:23px;
}
.author-block .userpic,
.comments-block .comment .userpic {
    float:left;
    margin: 5px 20px 0 0;
}
.author-block .message,
.comments-block .comment .message {overflow:hidden;}

.author-info {
    overflow:hidden;
    position:relative;
}

.author-info time {
    float:right;
    font-size:14px;
    line-height:17px;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:10px;
}

.comments-block .comment .message .reply {
    display:inline-block;
    color:#414141;
    font-size:14px;
    line-height:17px;
    font-weight:700;
    text-transform:uppercase;
}
.comments-block .comment .message .reply:hover {color:#fff;}
.comments-block .reply-comment {padding-left:50px;}
.comments-block .reply-comment .message {padding-top:5px;}

.custom-grid {
    float:left;
    width:202px;
    margin-left:7px;
}
.custom-grid:first-child {margin-left:0;}

.control-buttons {
    position:relative;
    overflow:hidden;
}
.control-buttons a {
    float:left;
    font-family: 'Exo', sans-serif;
    font-size:20px;
    line-height:24px;
    color:#9e9e9e;
    text-transform:uppercase;
    text-decoration:none !important;
    font-weight:700;
}
.control-buttons a:hover {color:#414141;}
.control-buttons a+a {float:right;}

/******************** Image sorting portfolio styles ********************/
.sort {
    overflow:hidden;
    position:relative;
}
.sort li {
    float:left;
    font-size:14px;
    line-height:17px;
    text-transform:uppercase;
    margin-left:10px;
}
.sort li:first-child {margin-left:0;}
.sort li a {
    display:inline-block;
    border:1px solid #dfdfdf;
    color:#414141;
    padding:10px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.sort li a:hover, .sort li a.selected {color:#fff;}


.portfolio-link {
    text-align:center;
    position:relative;
    overflow:hidden;
}
.portfolio-link:hover {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.portfolio-link-title {
    font-size:20px;
    line-height:24px;
    display: block;
}

.portfolio-link:hover .portfolio-cover {display:block;}

.portfolio-link .portfolio-cover {
    position:absolute;
    background-color:#28c0ff;
    color:#fff;
    top:0;
    left:-100%;
    width:100%;
}
.portfolio-link .portfolio-cover .cover-pad span {
    position:absolute;
    display:block;
    height:67px;
    width:68px;
}

.portfolio-link .portfolio-cover .be {
    background:url(../images/be-logo.png) 0 0 no-repeat;
    right:20px;
    bottom:20px;
}

.cover-pad {padding: 0 25px;display: block;}
.cover-pad.plus {
    background:url(../images/plus.png) center 0 no-repeat;
    padding-top:70px;
    overflow:hidden;
}

.portfolio-bg {
    background:url(../images/button-bg.gif) 0 5px repeat-x;
    overflow:hidden;
}

.portfolio-wrapper {
    float:right;
    position:relative;
    right:50%;
}
.portfolio {
    position:relative;
    right:-50%;
    width:auto;
}
.portfolio li {
    float:left;
    padding-left:10px;
}
.portfolio li.active a { color:#28c0ff; }
.portfolio li a {
    background:#fff;
    font-family: 'Exo', sans-serif;
    font-size:20px;
    line-height:24px;
    color:#9e9e9e;
    text-transform:uppercase;
    text-decoration:none !important;
    font-weight:700;
    padding: 0 5px;
}
.portfolio li a:hover { color:#414141; }

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.portfolio-container>div{
    margin-bottom: 20px;
}
.portfolio:after {	
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
/*===============================*/
/******************** Single post blocquote styles *******************/
blockquote {
    background:url(../images/quote.png) 20px 25px no-repeat;
    color:#707070;
    font-style:italic;
    margin: 40px 0;
    padding-left: 67px;
    overflow:hidden;
}

blockquote .quote-inner {
    border-left:9px solid #dfdfdf;
    padding: 10px 0 10px 20px;
}
/******************* Footer social buttons styles *****************/
.social-buttons { float:right; overflow:hidden; }
.social-buttons li {
    float:left;
    margin-left: 10px;
}
.social-buttons li:first-child { margin-left:0px; }
.social-buttons li a {
    display:block;
    position:relative;
    background-image:url(../images/social-buttons.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-color:transparent;
    padding:0;
    height: 38px;
    width: 38px;
}

.social-buttons li.item-2 a { background-position: -49px 0; }
.social-buttons li.item-3 a { background-position: -97px 0; }
.social-buttons li.item-4 a { background-position: -146px 0; }
.social-buttons li.item-5 a { background-position: -194px 0; }
.social-buttons li.item-6 a { background-position: -243px 0; }
.social-buttons li.item-7 a { background-position: -291px 0; }

.social-buttons li a:hover {background-position:0 -42px;}
.social-buttons li.item-2 a:hover { background-position: -49px -42px; }
.social-buttons li.item-3 a:hover { background-position: -97px -42px; }
.social-buttons li.item-4 a:hover { background-position: -146px -42px; }
.social-buttons li.item-5 a:hover { background-position: -194px -42px; }
.social-buttons li.item-6 a:hover { background-position: -243px -42px; }
.social-buttons li.item-7 a:hover { background-position: -291px -42px; }

/**************** Contact information styles **************/
dl.contacts {}
dl.contacts dt {font-weight:bold;}
dl.contacts dd {margin-bottom:18px;}
/********************* Social like buttons ***********************************/
.social-button-container{
    float: left;
    margin-right: 10px;
}
.google-plus-bt{
    margin-top: -17px;
}
.video-container iframe{
    width: 100% !important;

}
/********************************* Forms *************************************/

.form {
    position:relative;
    overflow:hidden;
}
#subscribe { background:#1d1d1d; border:1px solid #5a5a5a; }
#search { border:1px solid #dfdfdf; }

label {display:inline-block;}
input {
    border:none;
    background:none;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    line-height:17px;
    color:#5a5a5a;
    font-style:italic;
    outline:none;
    padding: 19px 14px 15px;
    height:16px;
}
textarea {
    border:1px solid #dfdfdf;
    background:#fcfcfc;
    font-family: 'Exo', sans-serif;
    font-size:14px;
    line-height:17px;
    color:#414141;
    resize:none;
    margin: 0 0 25px;
    padding:10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
#subscribe input {
    float:left;
    width:216px;
}
#search input {
    float:left;
    background:#fff;
    width:216px;
}
.form .submit-button {
    float:right;
    background:#fff;
    font-family: 'Exo', sans-serif;
    font-size:24px;
    line-height:45px;
    color:#5a5a5a;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    text-decoration:none !important;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    padding: 5px 0 0 0;
    height: 45px;
    width: 53px;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.form .submit-button:hover {
    color:#fff;
    background:#28c0ff !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#subscribe .submit-button { background:#1d1d1d; border-left:1px solid #5a5a5a;}
#search .submit-button {border-left:1px solid #dfdfdf;}

.form-2 {}
/************************ Contact form styles ********************/
#contactus input {
    margin-bottom:9px;
    width:330px;
}
#contactus textarea {
    margin-bottom:20px;
    height:140px;
    width:598px;
}
/********************** Comment form styles ********************/
#leave-comment input {
    margin-bottom:19px;
    width:590px;
}
#leave-comment textarea {
    margin-bottom:30px;
    height:179px;
    width:598px;
}
.form-2 input {
    border:1px solid #dfdfdf;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#contactus input[type="checkbox"],
#leave-comment input[type="checkbox"],
.form-2 input[type="checkbox"] {width:auto;}

.form-buttons {
    margin-bottom:30px;
    position:relative;
    overflow:hidden;
}

.form-buttons a:hover {color:#fff;}

/************************** Contact form *******************************/
#contactus .error,
#contactus .empty,
#contactus .success {display:none;}	
#contactus .error,
#contactus .empty {
    text-align:left;
    color:red;
    font-size:11px;
    clear:both;
    margin-bottom:9px;
}
#contactus .success {margin-bottom:10px;}

/********************************* Footer Styles *************************************/

footer {
    padding-bottom: 50px;
    position:relative;
    width:100%;
}

.footer-wrapper {
    background:#fcfcfc;
    border-left:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
    font-size:14px;
    line-height:17px;
    color:#8f8f8f;
    padding: 0 1px;
}

.footer-border {
    border-top:1px solid #414141;
    background:#1d1d1d;
    padding: 15px 68px;
}

.footer-text {
    float:left;
    padding-top:11px;
}

/***** Styles for Twitter *****/

#twitter {
    height: 320px;
    overflow:hidden;
}
#twitter a {
    color:#3B5998;

    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#twitter a:hover {
    color:#fff !important;
} 
.tweet-body img{
    float: left;
    margin: 5px 10px 3px 0;
}
#twitter ul li{
    margin-top: 20px;
}
#twitter ul li:first-child{
    margin-top: 0px;
}
#twitter .twitterSearchContainter {
    background: url(../images/border-1.gif) repeat-x scroll 0 top transparent !important;
    padding-top:13px;
    height:247px !important;
} 

#twitter2 { margin-bottom:40px !important; }
#twitter2 h4 {
    color:#414141 !important;
    font-size: 24px !important;
    line-height: 29px !important;
}
#twitter2 ul li{
    margin-top: 20px;
}
#twitter2 ul li:first-child{
    margin-top: 0px;
}
#twitter2 a {color:#414141 !important; font-weight:bold !important;transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
             -ms-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             -webkit-transition: all 0.3s ease;}
#twitter2 a:hover {color:#fff !important; text-decoration:none !important;}


/***** Styles for Flickr *****/

#flickrImages,
#flickrImages2 {
    position:relative;	
    overflow:hidden;
}
#flickrImages2 {margin-bottom:10px;}

#flickrImages a,
#flickrImages2 a {
    display:inline-block;
    border:1px solid #8f8f8f;
    margin: 0 10px 10px 0;
}
#flickrImages a {
    padding:0;
    height:88px;
    width:88px;
}
#flickrImages2 a {
    height:68px;
    width:78px;
}
#flickrImages a img {
    display:inline-block;
    height:88px;
    width:88px;
}
#flickrImages2 a img {
    display:inline-block;
    height:68px;
    width:78px;
}
#flickrImages a:hover,
#flickrImages2 a:hover {border-color: #28c0ff;}

/***** Lightbox image *****/
.lightbox-image {
    position:relative;
    z-index:1;
    overflow:hidden;
    display:inline-block;
    cursor:pointer;
}
.lightbox-image img {
    position:relative;
    z-index:1;
}
.lightbox-image span {
    display:inline-block;
    position:absolute;
    left:0px;
    top:-120px;
    width:100%;
    height:100%;
    background:url(../images/magnify.png) no-repeat 50% 0;
    z-index:2;
    padding:0;
}

.lightbox-image2 {
    position:relative;
    z-index:1;
    overflow:hidden;
    display:inline-block;
    cursor:pointer;
}
.lightbox-image2 img {
    position:relative;
    z-index:1;
}
.lightbox-image2 span {
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:2;
    padding:0;
}
.lightbox-image2:hover span {display:block;}

/*********** tabs ***********/

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 47px; /*--Set height of tabs--*/
    width: 100%;
}
ul.tabs li {
    float: left;
    background:#f3f3f3;
    border: 1px solid #dfdfdf;
    border-bottom: none;
    font-family: 'Exo', sans-serif;
    font-size:18px;
    line-height: 46px; /*--Vertically aligns the text within the tab--*/
    font-weight:300;
    margin: 0;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    margin-left:9px;
    padding: 0;
    height: 46px; /*--Subtract 1px from the height of the unordered list--*/
    overflow: hidden;
    position: relative;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}
ul.tabs li:first-child {margin-left:0;}

ul.tabs li a {
    text-decoration: none;
    color:#414141;
    display: block;
    padding: 0 19px;
    outline: none;
}

ul.tabs li.active a {padding:0 29px;}

ul.tabs li a:hover {
    background: #fff;
    color:#032e3b;
    position:relative;
    overflow:hidden;
}

html ul.tabs li.active {
    font-size:22px;
    font-weight:bold;
}

html ul.tabs li.active,
html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fcfcfc;
    border-bottom: 1px solid #fcfcfc; /*--Makes the active tab look like it's connected with its content--*/
}

.tab-border {
    width:100%;
    overflow:hidden;
    position:relative;
}

.tab_container {
    border: 1px solid #dfdfdf;
    overflow: hidden;
    border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
}

.tab_content {padding: 20px 20px 19px;}

.tab_content h5 {
    font-size:22px;
    line-height:27px;
}

/******** Google map styles ******/
.map {
    margin: 50px 0;
}
.map iframe {
    display:block;
    margin:0 auto;
}
/********************* Styles for different screen sizes ******************************/
@media only screen and (min-width: 959px) and (max-width: 1080px) {
    .main {width:980px;}
    #toTop {display:none !important;}
}	

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #content {padding:0px;}
    .border-content {border:none;}
    .main {width:768px;}
    h1.logo	{top: -25px;left:252px;}
    .header-bg {background:none;}
    .header-pad { padding-bottom:40px; }
    #toTop {display:none !important;}
    .img-style3 {width:70px;}
    #subscribe input {width:152px;}
    #search input { width:152px; }
    .footer-text {float:none; margin-bottom:15px;}
    .social-buttons { float:none; }
    .footer-wrapper { padding:0px; }
    #contactus input, #leave-comment input {width:401px;}
    #contactus textarea, #leave-comment textarea {width:469px;}
    .width-1{width:90%;}
    #flickrImages a,
    #flickrImages a img {height:66px;width:66px;}
    .map {margin:10px 0;}
    .map iframe {width:768px; height:350px;}
    .footer-border {padding:15px;}
    .cover-pad {font-size:14px;line-height:17px;}
    .cover-pad .portfolio-link-title {font-size:17px;line-height:21px;}
    .cover-pad.plus {padding-top:0;background:none;}
    .custom-grid {width:159px;}
    .alert-title {font-size:140px;line-height:168px;}
    .alert-title2 {margin-top: -30px;}
    .lightbox-image2:hover span {display:none;}
}
@media only screen and (max-width: 767px) {
    #toTop {display:none !important;}
    #content {padding:0px;}
    #page1 header {padding-bottom:0;}
    .border-content {border:none;}
    .header-content {padding-left:0;padding-right:0;border:none;}
    .header-border {padding:10px 0;}
    .main {width:310px; padding-bottom:0px;}
    h1.logo {left:30px; top: 0;}
    header { background:none; }
    .header-pad {padding-top: 20px; height:auto;}
    .indent-sw1 {margin-bottom: 40px;}
    .indent-sw2 {margin-bottom: 20px;}
    .overflow-sw1 {overflow:visible;}
    .display-sw1 {display:none;}
    .m4-sw {margin-bottom:40px;}
    .col1-sw {margin-right:20px;}
    .col1-sw, .col2-sw {float:left; width:140px;}
    .width-sw2 {width:50px;}
    .width-sw3 {width:288px;}
    .align-sw1 {text-align:center;float:none !important;}
    .l-pad,
    .l-pad-sw1 {padding: 0 10px;}
    #flickrImages a,
    #flickrImages a img	{width:81px;height:81px;}
    #flickrImages2 {padding-left: 20px;}
    .footer-wrapper { background:none; border:none; padding:0px; }
    .footer-border { padding: 15px 10px; }
    .width-1 {width:84%;}
    #contactus input, #leave-comment input {width:209px;}
    #contactus textarea, #leave-comment textarea {width:278px;}
    .comments-block .comment {padding-bottom:10px;}
    .comments-block .comment .message {padding-top:0px;}
    .comments-block .reply-comment {padding-left:30px;}
    .map iframe {width:288px; height:200px;}
    .social-buttons {display:none;}
    .alert-title {font-size:100px;line-height:120px;}
    .alert-title2 {font-size:40px;line-height:48px;margin: -20px 0 10px;}
    ul.tabs {height:36px;}
    ul.tabs li {margin-left:5px;font-size:13px;line-height:35px;height:35px;}
    html ul.tabs li.active {font-size:14px;}
    ul.tabs li.active a {padding:0 14px;}
    ul.tabs li a {padding:0 9px;}
    .sort li {margin-bottom:10px;}
    .sort li a {padding:10px;}
    .img-style4 {float:none;margin: 0 0 10px;}
    .width-2 {width:288px;}
    .custom-grid {margin-bottom:20px;}
    .map {margin:10px 0;}
    .lightbox-image2:hover span {display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .main {width:440px;}
    h1.logo {left:84px; top:0}
    .img-sw1 { float:left; margin-right:20px; }
    .img-sw2 {width:220px; float:left; margin-right:20px;}
    .extra-wrap-sw { overflow:hidden;}
    .col1-sw, .col2-sw {width:200px;}
    .width-sw4 {width:200px;}
    #flickrImages {padding-left: 30px;}
    #flickrImages2 {padding-left: 80px;}
    .width-1 {width:89%;}
    #contactus input, #leave-comment input {width:329px;}
    #contactus textarea, #leave-comment textarea {width:397px;}
    .map iframe {width:408px; height:400px;}
    #search input {width:336px;}
}

